<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>骑行</title>
</head>
<body>
    <div class="app-biking">
        <div class="tabs-run">
            <div class="run-distance">
              <p>目前累积骑行距离:</p>
              <p><span id="ridekm"></span>公里</p>
            </div>
            <div class="run-map">
              <div class="run-three dpflex vhidden">
                <button class="run-btn">户外跑</button>
                <button>燃脂跑</button>
                <button>跑步机</button>
              </div>
              <div class="run-circle">
                <span id="go" class="run-go dpflex">GO</span>
              </div>
              <div class="settings dpflex">
                <p class="setup">
                  <span class="iconfont icon-install"></span>
                </p>
                <button class="goal dpnone">设置目标 ></button>
                <p class="setup">
                  <span class="iconfont icon-music4"></span>
                </p>
              </div>
            </div>
            <div class="run-line dpflex fdcolumn">
              <span class="line-title">骑行路线</span>
              <span class="line-text">使用骑行路线, 邂逅附近的骑行达人</span>
              <span class="line-gt">&gt</span>
            </div>
          </div>
    </div>
</body>
</html>